@import "_reset.less";
html {
    font-size: 62.5%;
}

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html {
        font-size: 70.3%;
    }
}

@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html {
        font-size: 73.24%;
    }
}

@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html {
        font-size: 75%;
    }
}

@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html {
        font-size: 78.125%;
    }
}

@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait) {
    html {
        font-size: 80.86%;
    }
}

@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait) {
    html {
        font-size: 84.375%;
    }
}

@media screen and (min-width:480px)and (max-width:639px) and (orientation:portrait) {
    html {
        font-size: 93.75%;
    }
}

@media screen and (min-width:640px) and (orientation:portrait) {
    html {
        font-size: 125%;
    }
}
.wrapper {
    position: relative;
    width: 100%;
    overflow: auto;
    .content{
        width: 100%;
        height: 100%;
    }
}
.newsTop{
    width: 100%;
    height: 4.55rem;
    line-height: 4.55rem;
    font-size: 1.7rem;
    color: #090d10;
    background: url(../img/newsTopBg.png) 0 0 no-repeat;
    background-size: 100% 100%;
    text-indent: 4.5rem;
}
.topBar{
    // position: fixed;
    width: 100%;
    height: 5rem;
    // top: 0; 
    background: url(../img/topBarBg.png) center 0 no-repeat;
    background-size: 100% auto;
    color: #fff;
    h2{
        position: absolute;
        top: 1rem;
        left: 8rem;
        font-size: 1.5rem;
    }
    span{
        position: absolute;
        top: 2.8rem;
        left: 8rem;
        font-size: 1.15rem;
    }
    .logo{
        position: absolute;
        top: 0.5rem;
        left: 1.7rem;
        width: 5.15rem;
        height: 5.15rem;
        background: url(../img/logo.png) center 0 no-repeat;
        background-size: 80% 80%;
    }
    .shareBtn{
        position: absolute;
        top: 1rem;
        right: 1.7rem;
        width: 5.9rem;
        height: 3rem;
        background: url(../img/shareBtn.png) center 0 no-repeat;
        background-size: 100% auto;
    }
}
.bookWrap{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 6.5rem;
        background: #7d7d7d;
        .wrap{
            position: relative;
            left: 50%;
            top: 1.3rem;
            width: 28.5rem;
            height: 3.65rem;
            margin-left: -14.1rem;
        }
        .telNum{
            position: absolute;
            width: 19.4rem;
            height: 100%;
            text-align: center;
            border: 1px solid #fff;
            border-radius: 2px;
            font-size: 1.2rem;
            color: #444;
            background: #fff;
        }
        .bookBtn{
            position: absolute;
            right: 0;
            width: 9rem;
            height: 100%;
            background: url(../img/bookBtn.png) center 0 no-repeat;
            background-size: 100% 100%;
        }
}
.newsWrap{
    width: 100%;
    min-height: 20.5rem;
    height: auto;
    margin-bottom: 9rem;
    ul{
        width: 100%;
        height: 100%;
        li{
            width: 28.6;
            height: 3.95rem;
            line-height: 3.95rem;
            padding: 0 1.7rem;
            font-size: 1.2rem;
            color: #666;
            a{
                color: #666;
            }
            border-bottom: 1px solid #efefef;
            .newsDate{
                float: right;
            }
        }
    }
}
.newsDetailWrap{
    width: 100%;
    min-height: 20.5rem;
    height: auto;
    margin-bottom: 9rem;
    #NIE-art{
        width: 29rem;
        min-height: 20.5rem;
        height: auto;
        padding: 0 1.5rem;
        color: #666;
        h1{
            font-size: 1.8rem;
        }
        .artDate{
            float: right;
            font-size: 1rem;
        }
        hr{
            margin-top: 2rem;
            color: #efefef;
        }
        h2{
            text-align: center;
            font-size: 1px;
        }
        h3{
            font-size: 16px;
            text-align: center;
        }
        p{
            font-size: 1.4rem;
        }
        td{
            
            text-align: center;
        }
    }
}
